require(['./config'], () => {
    require(['jquery', 'artTemplate', 'loadHeaderFooter'], ($, template) => {

        //点击购物跳转
        $('header').on('click', '.top-car', () => {
            location.href = '/html/cart.html'
        })


        //加载推荐商品数据
        $.ajax({
            url: 'http://www.xiongmaoyouxuan.com/api/tab/1/feeds',
            method: 'GET',
            data: {
                start: 20,
                sort: 0
            }
        }).done((resData) => {
            //利用模板引擎渲染商品数据
            const html = template('product-template', { product: resData.data.list })
            //显示渲染结果
            $('.main').html(html)
        })

        // 为每个商品绑定点击事件，跳转到详情页
        // 利用编程式导航来实现页面跳转
        $('.main').on('click', 'dl', e => {
            const id = $(e.currentTarget).data('id')
            location.href = '/html/detail.html?id=' + id
        })

        /************* 点击登陆弹出协议框及页面跳转 ****************/
        // 绑定点击事件
        $('body').on('click', '.log-in , .agree , .n-agree , .close', e => {
            if ($(e.currentTarget).is('.log-in')) {// 登陆弹出协议
                $('.login').css({'display':"block"})
                return false
            }else if ($(e.currentTarget).is('.agree')) {// 同意并跳转
                location.href = '/html/login.html'
                $('.login').css({'display':"none"})
            } else {// 不同意或者关闭协议框
                location.reload()
                $('.login').css({'display':"none"})
            }
        })

        /************* 点击注册弹出协议框及页面跳转 ****************/
        // 绑定点击事件
        $('body').on('click', '.sign-up', () => {
            location.href = '/html/sign-up.html'
        })
    })
})